//切换不同的排行量
$('#btns').children('button').click(function () {
    $(this).removeClass('layui-white').siblings().addClass('layui-white');
})

//点赞量
sum('like_num', '点赞量');
$('#likeSum').on('click', function () {
    $('#title').html('');
    $('#sum').html('');
    sum('like_num', '点赞量');
});
//分享量
$('#shareSum').on('click', function () {
    $('#title').html('');
    $('#sum').html('');
    sum('share_num', '分享量');
});
//收藏量
$('#collectSum').on('click', function () {
    $('#title').html('');
    $('#sum').html('');
    sum('collect_num', '收藏量');
});
//预览量
$('#lookSum').on('click', function () {
    $('#title').html('');
    $('#sum').html('');
    sum('look_num', '预览量');
});

function sum(field, name) {
    $.ajax({
        url: '/courseClass/getSum',
        type: 'post',
        dataType: 'json',
        asyn: false,
        data: {'field': field},
        success: function (item) {
            var xdata = new Array();
            var data = new Array();
            var sumList = item.data;
            $('#title').append("<td>课程类型</td>");
            $('#sum').append("<td>"+name+"</td>");
            for (var i = 0; i < sumList.length; i++) {
                $('#title').append("<td>" + sumList[i].title + " </td>");
                $('#sum').append("<td>" + sumList[i].count + " </td>");
                xdata.push(sumList[i].title);
                data.push(sumList[i].count);
            }
            echart(xdata, data, name);
        }
    });
}

var myChar = echarts.init(document.getElementById('main'));
//视图自适应
window.onresize = myChar.resize;
//加载图表
function echart(xdata, data, name) {
    var option = {
        //标题
        title: {
            text: '课程统计图',
            subtext: '思云产品'
        },
        //图例位置
        legend: {
            show: true
        },
        //右上角工具栏
        toolbox: {
            feature: {
                dataView: { //数据视图
                    show: true
                },
                magicType: {//动态类型切换
                    type: ['line', 'bar']
                },
                restore: { //重置
                    show: true
                },
                saveAsImage: {//保存图片
                    show: true
                }
            }
        },
        //y轴
        yAxis: {
            type: 'value',
            position: 'left',
        },
        //x轴
        xAxis: {
            data: xdata
        },
        //提示框
        tooltip: {},
        series: [
            {
                //名称 提示框tooltip会显示
                name: name,
                //类型
                type: 'bar',
                data: data,
                markPoint: {
                    data: [
                        {type: 'max', name: 'Max'},
                        {type: 'min', name: 'Min'}
                    ]
                }
            }
        ]
    }
    //使用指定的配置项和数据显示图表
    myChar.setOption(option);
}

//刷新
$('#refresh').on('click', function () {
    location.reload();
})
//返回
$('#goBack').on('click', function () {
    //跳转课程列表
    parent.$('#Jump').val('首页');
    parent.getQuick();
    return;
})
